<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>梦不落雨林</title>
    <link href="css/musicinf.css" type="text/css" rel="stylesheet"/>
    <script src="../js/jquery-1.11.0.min.js"></script>
    <link rel="stylesheet" href="css/mreset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/include.js"></script>
    <script src="../js/getParameter.js"></script>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/materialdesignicons.min.css" rel="stylesheet">
    <link href="../css/style.min.css" rel="stylesheet">
    <script>
        $(function () {
            var mid = getParameter("mid");
            $.get("/music/music/findMusicByMid",{mid:mid},
                function (data) {
                    if (data!= null) {
                        $musicInf = $("#data__photo");
                        var lis = '<h1>'+data.music.musicname+'</h1>\n' +
                            '            <p>'+data.singer.singername+'</p>\n' +
                            '            <p> 流派：'+data.musicstyle+' &nbsp;语种：'+data.musiclanguage+'</p>\n' +
                            '            <div class="buttons">\n' +
                            '                <button class="goumai" onclick="insertMusic(' + data.music.mid + ')">\n' +
                            '                    <svg t="1634726914884" class="icon" viewBox="0 0 1024 1024" version="1.1"\n' +
                            '                         xmlns="http://www.w3.org/2000/svg" p-id="2403" width="20" height="20">\n' +
                            '                        <path d="M128 138.666667c0-47.232 33.322667-66.666667 74.176-43.562667l663.146667 374.954667c40.96 23.168 40.853333 60.8 0 83.882666L202.176 928.896C161.216 952.064 128 932.565333 128 885.333333v-746.666666z"\n' +
                            '                              fill="#3D3D3D" p-id="2404"></path>\n' +
                            '                    </svg>\n' +
                            '                    <p>播放</p>\n' +
                            '                </button>\n' +
                            '                <button>\n' +
                            '                    <svg t="1634727216394" class="icon" viewBox="0 0 1179 1024" version="1.1"\n' +
                            '                         xmlns="http://www.w3.org/2000/svg" p-id="2403" width="20" height="20">\n' +
                            '                        <path d="M142.31918 540.267127l350.13559 373.653781c54.296613 63.852817 139.806023 63.883844 195.033436-1.054906l362.204951-388.670672c42.661625-48.866952 65.466202-112.130263 65.466203-182.902021a279.239726 279.239726 0 0 0-501.018122-169.653647 30.99561 30.99561 0 0 1-25.534922 12.131415 30.99561 30.99561 0 0 1-25.503895-12.131415A279.239726 279.239726 0 0 0 62.053272 341.293309c0 72.850542 28.792718 144.242832 77.411458 195.498835 1.054906 1.116959 1.985705 2.264944 2.85445 3.474983z m-54.606879 31.926409A349.732244 349.732244 0 0 1 0 341.293309C0 152.806494 152.806184 0.00031 341.292999 0.00031c95.065613 0 183.708713 39.155615 247.313317 106.111096A340.486306 340.486306 0 0 1 835.95066 0.00031c188.486815 0 341.292999 152.806184 341.292999 341.292999 0 80.793361-25.069522 154.636755-72.198982 213.463257-1.147986 1.923651-2.482131 3.754223-4.095516 5.491715l-5.181449 5.553768c-2.699317 3.071637-5.491715 6.112247-8.315138 9.090804-0.620533 0.620533-1.210039 1.241065-1.861598 1.799545L733.810974 954.069375c-79.055869 93.048882-209.553901 93.017855-287.616918 1.147985L90.783938 576.040839a31.243823 31.243823 0 0 1-3.102664-3.847303z"\n' +
                            '                              p-id="2404"></path>\n' +
                            '                    </svg>\n' +
                            '                    <p>收藏</p>\n' +
                            '                </button>\n' +
                            '                <button onclick="window.location.href = \'comments.html?mid='+data.music.mid+'\'">\n' +
                            '                    <svg t="1634727247858" class="icon" viewBox="0 0 1024 1024" version="1.1"\n' +
                            '                         xmlns="http://www.w3.org/2000/svg" p-id="4644" width="20" height="20">\n' +
                            '                        <path d="M850.879104 96.41591l-676.303067 0c-60.681034 0-110.049418 49.367361-110.049418 110.049418l0 446.200388c0 60.681034 49.367361 110.049418 110.049418 110.049418l90.307795 0L396.936381 931.129846c3.793396 4.838192 9.598612 7.66354 15.746636 7.66354s11.952216-2.825348 15.746636-7.66354l132.052548-168.414711 290.396903 0c60.681034 0 110.049418-49.367361 110.049418-110.049418L960.928522 206.465329C960.928522 145.784294 911.561162 96.41591 850.879104 96.41591zM920.91111 652.665717c0 38.614459-31.416524 70.030983-70.030983 70.030983L550.744419 722.6967c-6.147 0-11.952216 2.825348-15.745612 7.66354L412.683017 886.356107l-122.31579-155.995867c-3.792373-4.838192-9.597589-7.66354-15.745612-7.66354l-100.045577 0c-38.614459 0-70.030983-31.416524-70.030983-70.030983L104.545054 206.465329c0-38.614459 31.416524-70.030983 70.030983-70.030983l676.303067 0c38.614459 0 70.030983 31.416524 70.030983 70.030983L920.910087 652.665717z"\n' +
                            '                              p-id="4645"></path>\n' +
                            '                        <path d="M272.621051 344.526731c-44.132126 0-80.035848 35.903721-80.035848 80.035848 0 44.132126 35.903721 80.036871 80.035848 80.036871s80.035848-35.904745 80.035848-80.036871C352.655875 380.430452 316.752154 344.526731 272.621051 344.526731zM272.621051 464.582037c-22.065552 0-40.017412-17.951861-40.017412-40.018436 0-22.065552 17.952884-40.017412 40.017412-40.017412 22.065552 0 40.017412 17.951861 40.017412 40.017412C312.638463 446.629153 294.686602 464.582037 272.621051 464.582037z"\n' +
                            '                              p-id="4646"></path>\n' +
                            '                        <path d="M512.727571 344.526731c-44.132126 0-80.035848 35.903721-80.035848 80.035848 0 44.132126 35.903721 80.036871 80.035848 80.036871 44.132126 0 80.035848-35.904745 80.035848-80.036871C592.763418 380.430452 556.859697 344.526731 512.727571 344.526731zM512.727571 464.582037c-22.065552 0-40.017412-17.951861-40.017412-40.018436 0-22.065552 17.951861-40.017412 40.017412-40.017412 22.065552 0 40.017412 17.951861 40.017412 40.017412C552.746006 446.629153 534.793122 464.582037 512.727571 464.582037z"\n' +
                            '                              p-id="4647"></path>\n' +
                            '                        <path d="M752.836137 344.526731c-44.131103 0-80.035848 35.903721-80.035848 80.035848 0 44.132126 35.904745 80.036871 80.035848 80.036871s80.035848-35.904745 80.035848-80.036871C832.871985 380.430452 796.96724 344.526731 752.836137 344.526731zM752.836137 464.582037c-22.066575 0-40.017412-17.951861-40.017412-40.018436 0-22.065552 17.951861-40.017412 40.017412-40.017412s40.017412 17.951861 40.017412 40.017412C792.853549 446.629153 774.902712 464.582037 752.836137 464.582037z"\n' +
                            '                              p-id="4648"></path>\n' +
                            '                    </svg>\n' +
                            '                    <p>评论</p>\n' +
                            '                </button>\n' +
                            '                <button>\n' +
                            '                    <svg t="1634727290650" class="icon" viewBox="0 0 1024 1024" version="1.1"\n' +
                            '                         xmlns="http://www.w3.org/2000/svg" p-id="6747" width="20" height="20">\n' +
                            '                        <path d="M224 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6748"></path>\n' +
                            '                        <path d="M512 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6749"></path>\n' +
                            '                        <path d="M800 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6750"></path>\n' +
                            '                    </svg>\n' +
                            '                    <p>更多</p>\n' +
                            '                </button>\n' +
                            '            </div>';
                        $musicInf.html(lis);
                        $con = $("#con");
                        var li = '';
                        li='<h2 class="lyric__tit" id="lyric">歌词</h2>\n' +
                            '<p>'+data.music.lyrics+'</p>';
                        $con.html(li);
                    }
                },
                "json");
        });
    </script>
</head>
<body style="height: 2000px">
<div id="header">

</div>
<div id="audio"></div>
<div class="main">

    <div class="mod_data">
        <div class="data__cover">
            <img src="../images/songlinlogo.jpg" width="165px" height="165px"/>
        </div>
        <div class="data__photo" id="data__photo">
            <h1>梦不落雨林/NAMANANA</h1>
            <p>张艺兴</p>
            <p> 流派：POP流行 &nbsp;语种：国语</p>
            <p>发行时间：2018-10-19&nbsp;唱片：</p>
            <div class="buttons">
                <button class="goumai" >
                    <svg t="1634726914884" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2403" width="20" height="20">
                        <path d="M128 138.666667c0-47.232 33.322667-66.666667 74.176-43.562667l663.146667 374.954667c40.96 23.168 40.853333 60.8 0 83.882666L202.176 928.896C161.216 952.064 128 932.565333 128 885.333333v-746.666666z"
                              fill="#3D3D3D" p-id="2404"></path>
                    </svg>
                    <p>播放</p>
                </button>
                <button>
                    <svg t="1634727216394" class="icon" viewBox="0 0 1179 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2403" width="20" height="20">
                        <path d="M142.31918 540.267127l350.13559 373.653781c54.296613 63.852817 139.806023 63.883844 195.033436-1.054906l362.204951-388.670672c42.661625-48.866952 65.466202-112.130263 65.466203-182.902021a279.239726 279.239726 0 0 0-501.018122-169.653647 30.99561 30.99561 0 0 1-25.534922 12.131415 30.99561 30.99561 0 0 1-25.503895-12.131415A279.239726 279.239726 0 0 0 62.053272 341.293309c0 72.850542 28.792718 144.242832 77.411458 195.498835 1.054906 1.116959 1.985705 2.264944 2.85445 3.474983z m-54.606879 31.926409A349.732244 349.732244 0 0 1 0 341.293309C0 152.806494 152.806184 0.00031 341.292999 0.00031c95.065613 0 183.708713 39.155615 247.313317 106.111096A340.486306 340.486306 0 0 1 835.95066 0.00031c188.486815 0 341.292999 152.806184 341.292999 341.292999 0 80.793361-25.069522 154.636755-72.198982 213.463257-1.147986 1.923651-2.482131 3.754223-4.095516 5.491715l-5.181449 5.553768c-2.699317 3.071637-5.491715 6.112247-8.315138 9.090804-0.620533 0.620533-1.210039 1.241065-1.861598 1.799545L733.810974 954.069375c-79.055869 93.048882-209.553901 93.017855-287.616918 1.147985L90.783938 576.040839a31.243823 31.243823 0 0 1-3.102664-3.847303z"
                              p-id="2404"></path>
                    </svg>
                    <p>收藏</p>
                </button>
                <button onclick="window.location.href = 'comments.html'">
                    <svg t="1634727247858" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="4644" width="20" height="20">
                        <path d="M850.879104 96.41591l-676.303067 0c-60.681034 0-110.049418 49.367361-110.049418 110.049418l0 446.200388c0 60.681034 49.367361 110.049418 110.049418 110.049418l90.307795 0L396.936381 931.129846c3.793396 4.838192 9.598612 7.66354 15.746636 7.66354s11.952216-2.825348 15.746636-7.66354l132.052548-168.414711 290.396903 0c60.681034 0 110.049418-49.367361 110.049418-110.049418L960.928522 206.465329C960.928522 145.784294 911.561162 96.41591 850.879104 96.41591zM920.91111 652.665717c0 38.614459-31.416524 70.030983-70.030983 70.030983L550.744419 722.6967c-6.147 0-11.952216 2.825348-15.745612 7.66354L412.683017 886.356107l-122.31579-155.995867c-3.792373-4.838192-9.597589-7.66354-15.745612-7.66354l-100.045577 0c-38.614459 0-70.030983-31.416524-70.030983-70.030983L104.545054 206.465329c0-38.614459 31.416524-70.030983 70.030983-70.030983l676.303067 0c38.614459 0 70.030983 31.416524 70.030983 70.030983L920.910087 652.665717z"
                              p-id="4645"></path>
                        <path d="M272.621051 344.526731c-44.132126 0-80.035848 35.903721-80.035848 80.035848 0 44.132126 35.903721 80.036871 80.035848 80.036871s80.035848-35.904745 80.035848-80.036871C352.655875 380.430452 316.752154 344.526731 272.621051 344.526731zM272.621051 464.582037c-22.065552 0-40.017412-17.951861-40.017412-40.018436 0-22.065552 17.952884-40.017412 40.017412-40.017412 22.065552 0 40.017412 17.951861 40.017412 40.017412C312.638463 446.629153 294.686602 464.582037 272.621051 464.582037z"
                              p-id="4646"></path>
                        <path d="M512.727571 344.526731c-44.132126 0-80.035848 35.903721-80.035848 80.035848 0 44.132126 35.903721 80.036871 80.035848 80.036871 44.132126 0 80.035848-35.904745 80.035848-80.036871C592.763418 380.430452 556.859697 344.526731 512.727571 344.526731zM512.727571 464.582037c-22.065552 0-40.017412-17.951861-40.017412-40.018436 0-22.065552 17.951861-40.017412 40.017412-40.017412 22.065552 0 40.017412 17.951861 40.017412 40.017412C552.746006 446.629153 534.793122 464.582037 512.727571 464.582037z"
                              p-id="4647"></path>
                        <path d="M752.836137 344.526731c-44.131103 0-80.035848 35.903721-80.035848 80.035848 0 44.132126 35.904745 80.036871 80.035848 80.036871s80.035848-35.904745 80.035848-80.036871C832.871985 380.430452 796.96724 344.526731 752.836137 344.526731zM752.836137 464.582037c-22.066575 0-40.017412-17.951861-40.017412-40.018436 0-22.065552 17.951861-40.017412 40.017412-40.017412s40.017412 17.951861 40.017412 40.017412C792.853549 446.629153 774.902712 464.582037 752.836137 464.582037z"
                              p-id="4648"></path>
                    </svg>
                    <p>评论(10081)</p>
                </button>
                <button>
                    <svg t="1634727290650" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="6747" width="20" height="20">
                        <path d="M224 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6748"></path>
                        <path d="M512 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6749"></path>
                        <path d="M800 512m-80 0a80 80 0 1 0 160 0 80 80 0 1 0-160 0Z" p-id="6750"></path>
                    </svg>
                    <p>更多</p>
                </button>
            </div>
        </div>
    </div>
    <div class="detail_layout" style="height: 3000px">
        <div class="mod_songlist "  style="height: 3000px">
            <div id="con" class="con" style="height: 3000px">
                <h2 class="lyric__tit" id="lyric">歌词</h2>
                <p>wowowowowo</p>
            </div>
            <div class="box">
        </div>
        </div>
        <div class="other_part">
            <h2>歌曲简介</h2>
            <p>这首歌非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常
                非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常非常
                好听的不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要不要
                不要不要不要不要不要不要不要不要不要的！！！！！！</p>
            <h2>该歌手的其他专辑</h2>
            <div class="other_zhuanji">
                <div>
                    <img src="../images/songlinlogo.jpg"/>
                    <p>好听的歌1</p>
                </div>
                <div>
                    <img src="../images/songlinlogo.jpg"/>
                    <p>好听的歌2</p>
                </div>
                <div>
                    <img src="../images/songlinlogo.jpg"/>
                    <p>好听的歌3</p>
                </div>
                <div>
                    <img src="../images/songlinlogo.jpg"/>
                    <p>好听的歌4</p>
                </div>
                <div>
                    <img src="../images/songlinlogo.jpg"/>
                    <p>好听的歌5</p>
                </div>
                <div>
                    <img src="../images/songlinlogo.jpg"/>
                    <p>好听的歌6</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="js/script.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/main.min.js"></script>
</body>
</html>

